<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="Description" content="andaily mobile"/>
    <meta name="Keywords" content="andaily,and daily,daily management,andaily mobile"/>

    <title>事情自动开始提醒 -- Andaily</title>

    <style type="text/css">
        html, body {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
            color: #0088cc;
        }

        a:hover {
            text-decoration: underline;
        }

        img {
            border: none;
        }

        body {
            font: 75% "微软雅黑", helvetica, Arial;
            min-height: 100%;
            line-height: 1.5;
            color: #333333;
        }

        .page {
            width: 940px;
            margin: 30px auto;
            padding: 30px;
            background: #fff;
            box-shadow: 1px 1px 7px 1px #999;
            border-radius: 5px;
        }

            /*footer*/
        .footer {
            margin-top: 40px;
        }

        .footer .auto-info {
            color: #d3d3d3;
            font-size: 10px;
        }

            /*content*/
        .content {
            margin-top: 30px;
        }

        .table {
            width: 100%;
            border-top: 1px solid #56A00E;
            border-bottom: 1px solid #56A00E;
            text-align: left;
            line-height: 25px;
            border-spacing: 0;
        }

        .table  tr {
            line-height: 25px;
        }

        .table tr td, th {
            padding-left: 5px;
        }

        .table .ntr {
            background-color: #f9f9f9;
        }

        .table tbody tr:hover {
            background-color: #eeeeee;
        }

        .page .aim {
            margin-top: 40px;
            background-color: #f9f9f9;
            padding: 3px;
            border: 1px solid #f9f9f9;
            border-radius: 5px;
            color: #56A00E;
        }

            /*.page strong {*/
            /*color: #12A4BA;*/
            /*}*/

            /*head*/
        .head {
            float: right;
        }

        .head  .logo {
            width: 125px;
            height: 75px;
        }

        .priority-high, .priority-higher {
            color: red;
        }

        .priority-lower {
            color: #d3d3d3;
        }

        .priority-low {
            color: #add8e6;
        }

    </style>
</head>
<body>
<div class="page">
    <div class="head">
        <a href="http://www.andaily.com" target="_blank">
            <img src="andaily-250x150.png" alt="Andaily logo" title="Andaily" class="logo"/>
        </a>
    </div>
    <div class="content">
        <p>亲爱的用户:</p>

        <p>
            以下是你将于 <strong>2013-09-12</strong> 自动开始的事情列表.
        </p>
        <table class="table">
            <thead>
            <tr>
                <th>内容</th>
                <th style="width: 7%;">优先级</th>
                <th style="width: 7%;">状态</th>
                <th style="width: 18%;">所属事件</th>
            </tr>
            </thead>
            <tbody>
            <tr class="ntr">
                <td><a href="javascript:void(0);">新建shengzhaoli项目，这是一个引导其他应用的根</a></td>
                <td>正常</td>
                <td>进行中</td>
                <td>整合EC2服务器</td>
            </tr>
            <tr>
                <td><a href="javascript:void(0);">再读《java 2核心技术》</a></td>
                <td class="priority-lower">很低</td>
                <td>进行中</td>
                <td>读书</td>
            </tr>
            <tr class="ntr">
                <td><a href="javascript:void(0);">我曾经的衣橱. 记录我曾穿过的衣服,裤子,鞋子等等.</a></td>
                <td class="priority-low">低</td>
                <td>进行中</td>
                <td>Andaily</td>
            </tr>
            <tr>
                <td><a href="javascript:void(0);">在用户设置里面允许用户清除保存在客户端的用户信息;由cookie来控制; 用户可以自行清除已经保存的信息</a></td>
                <td class="priority-high">高</td>
                <td>进行中</td>
                <td>&nbsp;</td>
            </tr>
            <tr class="ntr">
                <td><a href="javascript:void(0);">Test</a></td>
                <td class="priority-higher">很高</td>
                <td>进行中</td>
                <td>&nbsp;</td>
            </tr>
            </tbody>
        </table>

        <div class="aim">
            <p>
                &loz; 每个时刻,我的脑子里都计划着一些事情,我把它记下来,设定优先级,然后一件件去完成它...
            </p>
        </div>

    </div>
    <div class="footer">
        <div class="auto-info">
            这是一封由系统自动生成并发送的邮件, 请勿回复.
        </div>
    </div>
</div>
</body>
</html>